<include file="public@header"/>
<link rel="stylesheet" href="__STATIC__/js/zyupload/skins/zyupload-1.0.0.css " type="text/css">
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
<script type="text/html" id="photos-item-tpl">
    <li id="saved-image{id}">
        <input id="photo-{id}" type="hidden" name="photo_urls[]" value="{filepath}">
        <input class="form-control" id="photo-{id}-name" type="text" name="photo_names[]" value="{name}"
               style="width: 200px;" title="图片名称">
        <img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;"
             onclick="imagePreviewDialog(this.src);">
        <a href="javascript:uploadOneImage('图片上传','#photo-{id}');">替换</a>
        <a href="javascript:(function(){$('#saved-image{id}').remove();})();">移除</a>
    </li>
</script>
<script type="text/html" id="files-item-tpl">
    <li id="saved-file{id}">
        <input id="file-{id}" type="hidden" name="file_urls[]" value="{filepath}">
        <input class="form-control" id="file-{id}-name" type="text" name="file_names[]" value="{name}"
               style="width: 200px;" title="文件名称">
        <a id="file-{id}-preview" href="{preview_url}" target="_blank">下载</a>
        <a href="javascript:uploadOne('文件上传','#file-{id}','file');">替换</a>
        <a href="javascript:(function(){$('#saved-file{id}').remove();})();">移除</a>
    </li>
</script>
</head>
<body>
<div class="wrap js-check-wrap">

    <ul class="nav nav-tabs">
        <li><a href="{:url('project/process')}?id={$id}">开发需求确认表</a></li>
        <li><a href="{:url('project/customerChangeOpinion')}?id={$id}">客户变更意见列表</a></li> 
        <li><a href="{:url('project/changeOpinion')}?id={$id}">变更列表</a></li> 
        <li><a href="{:url('project/effectImgConfirm')}?id={$id}">PC效果图确认</a></li> 
        <li><a href="{:url('project/mobileImg')}?id={$id}">移动端效果图确认</a></li> 
        <li ><a href="{:url('project/check')}?id={$id}">验收</a></li> 
        <li class="active"><a href="{:url('project/deliver')}?id={$id}">交付文档</a></li> 
    </ul>
    <br>
    <div id="zyupload" class="zyupload" style="float:left;"></div>         
        <div class="row">
            <div class="col-md-12">
               <table class="table table-bordered" style="border: none;text-align:center;">

                    <tr>
                        <td style="font-weight: bold;">ID</td>
                        <td style="font-weight: bold;">文件名称</td>
                        <td style="font-weight: bold;">状态</td>
                        <td style="font-weight: bold;">操作</td>
                    </tr> 

                    <foreach name='result' item='vo' key='k'>                 
                        <tr>
                            <td>{$k+1}</td>
                            <td style="width: 300px;"><a href="./effect/word/{$vo.file_name}">{$vo.name}</a></td>
                            <td><?php if($vo['status'] == 1){ echo '未隐藏';}else{ echo '隐藏中'; }?></td>
                            <td>
                                <?php
                                    if($vo['status'] == 1)
                                    {


                                ?>
                                <a href="javascript:;" onclick="change({$vo.id},2);">隐藏</a>
                                <?php
                                    }else{
                                ?>
                                <a href="javascript:;" onclick="change({$vo.id},1);">关闭隐藏</a>
                                <?php
                                    }
                                ?>

                            </td>
                        </tr>
                    </foreach>

                </table>       
            </div>

        </div>
         
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript" src="__STATIC__/js/zyupload/zyupload-1.0.0.js"></script>

</body>

<script type="text/javascript">
    $(function(){
        var contentPath = "{:url('project/uploadFile')}?id="+"{$id}";
        
        // 初始化插件
        $("#zyupload").zyUpload({
            width            :   "450px",                 // 宽度
            height           :   "400px",                 // 宽度
            itemWidth        :   "140px",                 // 文件项的宽度
            itemHeight       :   "115px",                 // 文件项的高度
            url              :  contentPath,  // 上传文件的路径
            fileType         :   ["docx",'xlsx','xls','doc','zip','rar','txt','ppt','pptx','mp3','wav','mp4','exe'],// 上传文件的类型
            fileSize         :   51200000,                // 上传文件的大小
            multiple         :   false,                    // 是否可以多个文件上传
            dragDrop         :   true,                    // 是否可以拖动上传文件
            tailor           :   false,                    // 是否可以裁剪图片
            del              :   true,                    // 是否可以删除文件
            finishDel        :   true,                    // 是否在上传文件完成后删除预览
            /* 外部获得的回调接口 */
            // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
            onSelect: function(selectFiles, allFiles){
            },
            // 删除一个文件的回调方法
            onDelete: function(file){
            },
            // 每文件上传成功的回调方法
            onSuccess: function(file, response){

            },
            // 文件上传失败的回调方法
            onFailure: function(file, response){
            },
            // 上传完成的回调方法
            onComplete: function(response){
                alert('上传成功');
                window.location.reload();
                // var url = "{:url('project/homeImgAdd')}?id="+"{$id}&status=2"

                // location.href =  url;
            }
        });
        $('#preview').css('float','left');
    });
</script>
<script>
    function change(id,status)
    {
        if(status == 2)
        {            
            var  msg = '确定隐藏';
        }else{
            var  msg = '取消隐藏';
        }

        if(confirm(msg))
        {
            $.ajax({
                type:'get',
                url : "{:url('project/changeFileStatus')}?id="+id+'&status='+status,
                success:function(data)
                {
                    window.location.reload();
                }
            })
        }
    }
</script>
</html>